import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import {MatPaginatorModule} from '@angular/material/paginator';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { RoleComponent } from './components/role/role.component';
import { StaffComponent } from './components/staff/staff.component';
import { StaffAddorEditComponent } from './components/staff-addor-edit/staff-addor-edit.component';
import { RoleAddorEditComponent } from './components/role-addor-edit/role-addor-edit.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {HttpClientModule} from '@angular/common/http';
import {CdkTableModule} from '@angular/cdk/table';
import {MatTableModule} from '@angular/material/table';
import {MatRadioModule} from '@angular/material/radio';
import { StaffPageComponent } from './components/staff-page/staff-page.component';
import {MatInputModule} from '@angular/material/input';
import {MatFormFieldModule,MatHint} from '@angular/material/form-field';
import {MatIconModule} from '@angular/material/icon';
import {MatDatepickerModule} from '@angular/material/datepicker'
import { MatNativeDateModule } from '@angular/material/core';
import{FormsModule} from '@angular/forms';

import {FormControl, FormGroupDirective, NgForm} from '@angular/forms';
import {ErrorStateMatcher} from '@angular/material/core';
import { PageComponent } from './components/page/page.component';
//import {} from '@angular/material/'


@NgModule({
  declarations: [
    AppComponent,
    RoleComponent,
    StaffComponent,
    StaffAddorEditComponent,
    RoleAddorEditComponent,
    StaffPageComponent,
    PageComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    HttpClientModule,
    CdkTableModule,
    MatTableModule,
    MatRadioModule,
    MatPaginatorModule,
    MatFormFieldModule,
    MatInputModule,
    MatIconModule,
    MatDatepickerModule,
    MatNativeDateModule,
    FormsModule,

   // FormControl,
   // FormGroupDirective,
   // NgForm,
   // ErrorStateMatcher
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
